// pages/search/search.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    focus: false,
    inputValue: '',
    // 搜索记录
    history:[],
    searchResults:[],
    hasSearched: false // 核心标记：是否触发过搜索（默认未触发）
  },
  bindKeyInput: function (e) {
    this.setData({
      inputValue: e.detail.value
    })
  },
  bindHideKeyboard: function (e) {
    if (e.detail.value === '123') {
      // 收起键盘
      wx.hideKeyboard()
    }
  },

  // 模糊搜索
  mo(){    
    // / 1. 触发搜索，标记 isSearched 为 true（隐藏历史，显示结果区域）
    this.setData({ hasSearched: true });
     // 调取接口
    wx.request({
      url: 'https://tea.qingnian8.com/xzs/product/getlist',
      method:'POST',
      data:{
        navid:"63b9600be1a35c358c18483b",
        limit:90,  
        size:0,
        keyword:keyword ,
        isSearchTriggered: false // 新增：标记是否触发过搜索（默认未触发）
      },
      header: {
        'access-key': '662484' 
      },
      success:res=>{
      // 核心新增：按 title 模糊过滤，只保留 title 含关键词的商品
      let filteredResults = [];
      if (res.data && res.data.data && Array.isArray(res.data.data)) {
        // 筛选逻辑：title 存在 + 包含关键词（不区分大小写，体验更好）
        filteredResults = res.data.data.filter(item => 
          item.title && item.title.toLowerCase().includes(keyword.toLowerCase())
        );
      }
      // 存储过滤后的结果（而非原始接口数据）
      this.setData({
        searchResults: filteredResults
      });
      }
    })
    // 先解构一下数据
    const {history,inputValue}=this.data
    const keyword = inputValue.trim(); // 去除空格，得到有效关键词
    // 非空判断
    if(!keyword){
      // 弹框
      return wx.showToast({
        title: '请输入搜索内容',
        icon: 'none'
      });
    }
    // 去空处理 把不相同的过滤出来
    const newlist=history.filter(item=>item!==inputValue.trim())
     // 将新搜索内容添加到数组最前面
     newlist.unshift(keyword);
      // 限制历史记录最大条数（例如最多存10条）
    if ( newlist.length > 10) {
     newlist.pop(); // 超过10条则删除最后一条
    }
    // 更新数据
    this.setData({
      history:newlist,
      inputValue:''
    })
    // 存储到本地  实现持久化
    wx.setStorageSync('key',newlist)
    console.log('存储到本地的搜索记录:', newlist);
  },
// 点击历史记录直接发起模糊搜索（修复参数传递）
searchByHistory(e) {
  // 通过 data-keyword 获取点击的历史关键词（原代码未正确获取参数）
  const keyword = e.currentTarget.dataset.keyword;
  this.setData({ inputValue: keyword });
  this.mo(); // 触发模糊搜索
},
  // 清空历史记录
  clearHistory(){
    wx.showModal({
      title: '提示',
      content: '确定要清空所有搜索历史吗？',
      success: (res) => {
        if (res.confirm) {
          this.setData({
            history: []
          })
          // 清空本地存储
          wx.removeStorageSync('key');
          console.log('搜索历史已清空');
        }
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 页面加载时获取本地存储
     const localhistory = wx.getStorageSync('key') || [];
     console.log(localhistory);
     this.setData({ // 之前漏了这步，导致历史记录不显示
      history: localhistory
    });
   },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})